import { h } from '@knno/dom/jsx';
import { NavMenu } from '@knno/ui/jsx/navMenu';

export function ShowNavMenu() {
	return (
		<div style={{ display: 'flex' }}>
			<NavMenu
				items={[
					{
						text: '菜单1',
						opened: true,
						children: [
							{ text: '子菜单1' },
							{ text: '子菜单2' },
							{ text: '子菜单3' },
							{ text: '子菜单4' },
							{ text: '子菜单5' },
						],
					},
					{
						text: '菜单2',
						children: [{ text: '子菜单2-1' }, { text: '子菜单2-2' }, { text: '子菜单2-3' }, { text: '子菜单2-4' }],
					},
					{ text: '菜单2' },
				]}
				style={{
					width: '15em',
				}}
				aniDuration={200}
				singleGroupMode
			/>
		</div>
	);
}
